﻿@{
    ViewData["Title"] = "产品与服务";
}

<!-- preloader-->
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_one"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_four"></div>
        </div>
    </div>
</div>

<!--search-body-->
<div class="search-area">
    <div class="close-search">
        <span></span>
        <span></span>
    </div>
    <form action="#" class="search-form">
        <input type="text" name="search" placeholder="Write & Press Enter">
        <button><i class="fas fa-search"></i></button>

    </form>
</div>

<!-- start header section -->
<header class="header style1 transparent-header">
    <!-- headertop -->
    <div class="header-top d-none d-lg-block">
        <div class="container d-lg-flex align-items-center justify-content-between">
            <div class="headertop-left">
                <ul class="site-info m-0 p-0 list-unstyled">
                    <li><a href="tel:448448737363"><i class="fas fa-mobile-alt"></i> +4484 4873 7363</a></li>
                    <li><a href="mailto:info@example.com?Subject=Hello%20again" target="_top"><i class="far fa-paper-plane"></i> info@example.com</a></li>
                </ul>
            </div>

            <div class="headertop-right d-flex flex-wrap">
                <!-- language option -->
                <div class="language-option dropdown">
                    <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">English</a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                        <a class="dropdown-item" href="#">Bangla</a>
                        <a class="dropdown-item" href="#">Egnlish</a>
                        <a class="dropdown-item" href="#">Hindi</a>
                        <a class="dropdown-item" href="#">Urdhu</a>
                        <a class="dropdown-item" href="#">Chiness</a>
                    </div>
                </div>
                <!-- search option -->
                <div class="search-option">
                    <i class="fas fa-search"></i>
                </div>

                <!-- social-media -->
                <ul class="social-media-list d-flex m-0 p-0 list-unstyled">
                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- main menu area -->
    <div class="main-menu-area mega-menu-header animated">
        <div class="container">
            <div class="row m-0 align-items-center">
                <div class="col-lg-2 p-0 d-flex align-items-center justify-content-between">
                    <div class="logo">
                        <a class="navbar-brand" href="index.html"><img src="assets/images/logo-black.png" alt="logo"></a>
                        <a class="navbar-brand navbar-brand2" href="index.html"><img src="assets/images/logo-white.png" alt="logo"></a>
                    </div>
                    <div class="menu-bar d-lg-none">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="col-lg-10 d-none d-lg-block p-0 d-lg-flex align-items-center justify-content-end justify-content-xl-end">
                    <div class="d-lg-flex flex-wrap justify-content-start">
                        <ul class="custom-border-top nav-menu d-lg-flex flex-wrap list-unstyled m-0 justify-content-center">
                            <li class="nav-item"><a href="/"><span>主页</span></a></li>
                            <li class="nav-item"><a href="/about"><span>关于我们</span></a></li>
                            <li class="nav-item active"><a href="/services"><span>产品与服务</span></a></li>
                            <li class="nav-item"><a href="/news"><span>新闻资讯</span></a></li>
                            <li class="nav-item"><a href="/cooperation"><span>商务合作</span></a></li>
                            
                            
                        </ul>
                    </div> 
                </div>
            </div>


            <!-- mobile menu area-->
            <div class="mobile-menu-area d-lg-none">
                <div class="m-menu-header">
                    <a href="#" class="logo"><img src="assets/images/logo-white.png" alt="logo"></a>
                    <span class="close-bar">
                        <span></span>
                        <span></span>
                    </span>
                </div>
                <div class="mobile-menu">
                    <ul class="m-menu">
                        <li><a href="/">主页</a></li>
                        <li><a href="/about">关于我们</a></li>
                        <li><a href="/services">产品与服务</a></li>
                        <li><a href="/news">新闻资讯</a></li>
                        <li><a href="/cooperation">商务合作</a></li>
                        
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- end header section -->
<!-- page header start -->
<section class="page-header style2 service">
    <div class="page-header-content">
        <div class="container">
            <div class="page-header-text">
                <h2>Service</h2>
                <p>We help your brand to be recognizable</p>
            </div>
        </div>
    </div>
</section>
<!-- page header end-->
<!--service list section start-->
<section class="inner-page about-page">
    <div class="inner-page-header">
        <div class="container p-0">
            <div class="section-header inner-style2">
                <h2 class="title">Ordinary people<br>with Awesome Skills</h2>
                <p class="desc">We are a strategic, creative studio based out of Savannah, Georgia. Our close team of innovative professionals is passionate about partnering with good people and organizations to design exceptional custom solutions. We approach each project and design challenge love to help.</p>
            </div>
        </div>
    </div>
</section>
<!--service list section end-->


<section class="service-section pt--10 pb--70 pb_lg--100">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box orange">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon icon-Light-Bulb2"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style orange">Mordern Design</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box yellow">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon  icon-Cloud-Settings"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style orange yellow">Customizable</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box green">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon icon-Edit-Map"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style green">Easy to Edit</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box orange">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon icon-Laptop-Secure"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style orange">Fully Secured</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box blue">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon icon-Atom"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style blue">Branding</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>

            <div class="col-md-6 col-lg-4">
                <div class="da-service-item">
                    <div class="icon-box pink">
                        <svg class="icon-box-svg" x="0px" y="0px" viewBox="0 0 131.5 109.3">
                            <circle class="st0" cx="11.2" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="9.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="27.7" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="45.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="63.8" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="81.9" r="1.3"></circle>
                            <circle class="st0" cx="11.2" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="27.1" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="43" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="58.9" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="74.8" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="90.7" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="106.6" cy="99.9" r="1.3"></circle>
                            <circle class="st0" cx="122.5" cy="99.9" r="1.3"></circle>
                        </svg>
                        <span class="icon icon-Conservation"></span>
                        <span class="circle-box"></span>
                    </div>
                    <h6 class="mb-3 custom-border-style pink">3D Design</h6>
                    <p class="mb-0">
                        Lorem ipsum dolor sit amet, conseda
                        adipiscing elit. Aenean commodo ligula eget dolorAenean massa. Cum sociind
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!--  acton section start -->
<section class="action-section style2 pt--100 pb--100">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 p-0">
                <div class="action-content text-center mb-4 mb-lg-0 text-lg-left">
                    <h4 class="title"> Start building beautiful pages in your browser Come and join us.</h4>
                </div>
            </div>
            <div class="col-lg-4 text-center text-lg-right p-0">
                <a href="#" class="da-custom-btn btn-border-radius40 btn-solid"><span>Purchase Plan</span></a>
            </div>
        </div>
    </div>
</section>
<!--  acton section end  -->